<div class="title">
  标签页组件
</div>
<div class="tips" style="margin-bottom: 20px;">
</div>

<nz-tag *ngFor="let tag of selectEl.tabs; let i = index" [nzMode]="i === 0 ? 'default' : 'closeable'"
  (nzAfterClose)="handleClose(tag)" (click)="editIndex=i">
  <span *ngIf="editIndex!=i"> {{ tag.name }}</span>
  <input nz-input nzSize="small" *ngIf="editIndex==i" type="text" [(ngModel)]="tag.name" style="height:24px;font-size:14px;width:80px"
    (blur)="handleInputEditConfirm(i)"  />
</nz-tag>
<nz-tag *ngIf="!inputVisible" class="editable-tag" nzNoAnimation (click)="showInput()"> <i nz-icon nzType="plus"></i>
  新标签页 </nz-tag>
<input #inputElement nz-input nzSize="small" *ngIf="inputVisible" type="text" [(ngModel)]="inputValue"
  style="height:24px;font-size:14px;width:80px" (blur)="handleInputConfirm()" (keydown.enter)="handleInputConfirm()" />

  <div class="tips" style="margin-top: 40px;">
    点击标签修改名字
  </div>